<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/job.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">

            <!-- 导航条 -->
            <ul class="nav-left">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a class="active" href="#">就业信息</a></li>
                <li><a href="./info.html" target="_blank">资讯动态</a></li>
                <li><a href="./about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 联系人 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 主体内容 -->
    <div class="main">
        <!-- banner -->
        <div class="banner">
            <img class="banner-bg" src="../assets/uploads/banner-student-bg.webp" alt="">
            <h2 class="banner-text">人生不咸鱼<br>青春学起来</h2>
        </div>
        <!-- 学员就业薪资统计 -->
        <div class="salary wrapper">
            <h2 class="com-title">学员就业薪资统计</h2>
            <h4 class="com-subtitle">近年学员个专业从职创未来毕业后平均薪资</h4>
            <div id="chart" class="wrapper">

            </div>
        </div>

        <!-- 历史数据 -->
        <div class="history wrapper">
            <h2 class="com-title">就业薪资真实数据</h2>
            <h4 class="com-subtitle">加强协同发展，输出行业多元创新人才</h4>
            <!-- 时间轴 -->
            <div class="time-axis wrapper">
                <ul class="year-list wrapper">
                    <li class="item-year active">2024</li>
                    <li class="item-year">2023</li>
                    <li class="item-year">更多</li>
                </ul>

                <div class="axis">
                    <hr>
                    <span class="active"></span>
                    <hr>
                    <span></span>
                    <hr>
                    <span></span>
                    <hr>
                </div>
            </div>
            <ul class="employment-list wrapper">
                <li class="item-employment active">
                    <!-- 表头 -->
                    <div class="job-header">
                        <span>姓名</span>
                        <span>学历</span>
                        <span>专业</span>
                        <span>就业公司</span>
                        <span>入职岗位</span>
                        <span>年薪</span>
                        <span>就业城市</span>
                    </div>
                    <!-- 表格内容 -->
                    <div class="job-main">
                        <ul class="job-list">
                            <!-- 第一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第二个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第三个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第四个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第五个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第六个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第七个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第八个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第九个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十个 -->
                            <li class="item-job">
                                <span>张*彬</span>
                                <span>专科</span>
                                <span>软件工程</span>
                                <span>汇丰**信息技术（北京）股份有限公司</span>
                                <span>前端开发工程师</span>
                                <span>16.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第十一个 -->
                            <li class="item-job">
                                <span>杨**</span>
                                <span>本科</span>
                                <span>计算机科学与技术</span>
                                <span>北大**信息技术（北京）股份有限公司</span>
                                <span>鸿蒙开发工程师</span>
                                <span>12.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第十二个 -->
                            <li class="item-job">
                                <span>何**</span>
                                <span>本科</span>
                                <span>计算机科学与技术</span>
                                <span>汇顶**信息技术（北京）股份有限公司</span>
                                <span>Linux驱动开发工程师</span>
                                <span>32.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第二个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第三个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第四个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第五个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第六个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第七个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第八个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第九个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="item-employment">
                    <!-- 表头 -->
                    <div class="job-header">
                        <span>姓名</span>
                        <span>学历</span>
                        <span>专业</span>
                        <span>就业公司</span>
                        <span>入职岗位</span>
                        <span>年薪</span>
                        <span>就业城市</span>
                    </div>
                    <!-- 表格内容 -->
                    <div class="job-main">
                        <ul class="job-list">
                            <!-- 第一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第二个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第三个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第四个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第五个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第六个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第七个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第八个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第九个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十个 -->
                            <li class="item-job">
                                <span>张*彬</span>
                                <span>专科</span>
                                <span>软件工程</span>
                                <span>汇丰**信息技术（北京）股份有限公司</span>
                                <span>前端开发工程师</span>
                                <span>16.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第十一个 -->
                            <li class="item-job">
                                <span>杨**</span>
                                <span>本科</span>
                                <span>计算机科学与技术</span>
                                <span>北大**信息技术（北京）股份有限公司</span>
                                <span>鸿蒙开发工程师</span>
                                <span>12.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第十二个 -->
                            <li class="item-job">
                                <span>何**</span>
                                <span>本科</span>
                                <span>计算机科学与技术</span>
                                <span>汇顶**信息技术（北京）股份有限公司</span>
                                <span>Linux驱动开发工程师</span>
                                <span>32.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第二个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第三个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第四个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第五个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第六个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第七个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第八个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第九个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="item-employment">
                    <!-- 表头 -->
                    <div class="job-header">
                        <span>姓名</span>
                        <span>学历</span>
                        <span>专业</span>
                        <span>就业公司</span>
                        <span>入职岗位</span>
                        <span>年薪</span>
                        <span>就业城市</span>
                    </div>
                    <!-- 表格内容 -->
                    <div class="job-main">
                        <ul class="job-list">
                            <!-- 第一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第二个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第三个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第四个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第五个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第六个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第七个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第八个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第九个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十个 -->
                            <li class="item-job">
                                <span>张*彬</span>
                                <span>专科</span>
                                <span>软件工程</span>
                                <span>汇丰**信息技术（北京）股份有限公司</span>
                                <span>前端开发工程师</span>
                                <span>16.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第十一个 -->
                            <li class="item-job">
                                <span>杨**</span>
                                <span>本科</span>
                                <span>计算机科学与技术</span>
                                <span>北大**信息技术（北京）股份有限公司</span>
                                <span>鸿蒙开发工程师</span>
                                <span>12.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第十二个 -->
                            <li class="item-job">
                                <span>何**</span>
                                <span>本科</span>
                                <span>计算机科学与技术</span>
                                <span>汇顶**信息技术（北京）股份有限公司</span>
                                <span>Linux驱动开发工程师</span>
                                <span>32.9W</span>
                                <span>武汉</span>
                            </li>
                            <!-- 第一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第二个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第三个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第四个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第五个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第六个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第七个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第八个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第九个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                            <!-- 第十一个 -->
                            <li class="item-job">
                                <span>刘*彬</span>
                                <span>本科</span>
                                <span>机械设计制造及其自动化</span>
                                <span>奇**网神信息技术（北京）股份有限公司</span>
                                <span>网络安全工程师</span>
                                <span>16.9W</span>
                                <span>北京</span>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <script>
                const tabs = document.querySelectorAll(".year-list .item-year");
                const dots = document.querySelectorAll(".axis span");
                const tab_contents = document.querySelectorAll(".employment-list .item-employment");

                tabs.forEach((tab, index) => {
                    tab.addEventListener('click', () => {
                        tabs.forEach(tab => {
                            tab.classList.remove('active');
                        })
                        dots.forEach(dot => {
                            dot.classList.remove('active');
                        })
                        tab_contents.forEach(tab_content => {
                            tab_content.classList.remove('active');
                        })

                        tab.classList.add('active');
                        dots[index].classList.add('active');
                        tab_contents[index].classList.add('active');
                    })
                })

                dots.forEach((dot, index) => {
                    dot.addEventListener('click', () => {
                        dots.forEach(dot => {
                            dot.classList.remove('active');
                        })
                        tabs.forEach(tab => {
                            tab.classList.remove('active');
                        })
                        tab_contents.forEach(tab_content => {
                            tab_content.classList.remove('active');
                        })

                        dot.classList.add('active');
                        tabs[index].classList.add('active');
                        tab_contents[index].classList.add('active');
                    })
                })

            </script>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="contacts wrapper">
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>
            <div class="detail">
                <img class="bg-detail" src="../assets/uploads/bg_contacts_detail.webp" alt="">
                <ul class="list-main">
                    <li>
                        <span class="iconfont icon-location"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>
                    <li>
                        <span class="iconfont icon-phone"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br> 13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li>
                        <span class="iconfont icon-mail"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>
                <ul class="list-vice">
                    <li>
                        <img src="../assets/uploads/map.webp" alt="">
                    </li>
                    <li>
                        <h4>微信扫码咨询</h4>
                        <!-- 二维码 -->
                        <div class="qrcode">
                            <img src="../assets/uploads/qrcode1.webp" alt="">
                            <img src="../assets/uploads/qrcode2.webp" alt="">
                        </div>
                        <h5>官方微信：</h5>
                        <p class="account">账号：GreatManOnTheWay <br> 公众号：武汉职创未来科技有限公司</p>
                        <p class="time">周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="bottom">
            <!-- 列表 -->
            <ul class="nav">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a href="#">就业信息</a></li>
                <li><a href="./info.html" target="_blank">资讯动态</a></li>
                <li><a href="./about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 备案文字 -->
            <p>Copyright © 2023 Tedu.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备08000853号-56</a> 鄂公网安备 11010802029508号
                武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

    <script src="../js/echarts.js"></script>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('chart'));
        var option = {
            tooltip: {
                trigger: 'item',
                backgroundColor: '#00000099',
                borderWidth: 0,
                extraCssText: ' width: 160px; height: 76px;',
                padding: [15, 15, 15, 15],
                formatter: function (params) {
                    var dot = '<span style="display: inline-block; width: 14px; height: 14px; background-color:' + params.color + '; border-radius: 50%; margin-right:4px;"></span>';
                    return dot + params.name + "<br />" + params.value;
                },
                textStyle: {
                    color: '#ffffff',
                    fontSize: 16
                }
            },
            xAxis: {
                type: 'category',
                axisLine: {
                    lineStyle: {
                        type: 'solid',
                        color: '#E4E7EBFF'
                    }
                },
                axisLabel: {
                    align: 'center',
                    color: '#333333FF',
                    fontSize: 16,
                    margin: 16
                },
                axisTick: {
                    length: 0
                },
                data: ['计算机', '通信电子', '英语数学', '财务工商', '土木建筑', '机械车辆', '生物化学', '电子电气']
            },
            yAxis: {
                type: 'value',
                axisLine: {
                    show: true,
                    lineStyle: {
                        type: 'solid',
                        color: '#E4E7EBFF'
                    }
                },
                axisLabel: {
                    align: 'right',
                    color: '#333333FF',
                    margin: 20,
                    fontSize: 16
                },
                axisTick: {
                    length: 0
                },
                splitLine: {
                    show: false
                }
            },
            series: [
                {
                    type: 'bar',
                    data: [
                        {
                            value: 7500,
                            itemStyle: {
                                color: '#D9867CFF'
                            }
                        },
                        {
                            value: 8000,
                            itemStyle: {
                                color: '#C78F81FF'
                            }
                        },
                        {
                            value: 9000,
                            itemStyle: {
                                color: '#C78F81FF'
                            }
                        },
                        {
                            value: 12000,
                            // 设置单个柱子的样式
                            itemStyle: {
                                color: '#7C6A6AFF'
                            }
                        },
                        {
                            value: 7000,
                            // 设置单个柱子的样式
                            itemStyle: {
                                color: '#EF6B9AFF'
                            }
                        },
                        {
                            value: 8700,
                            // 设置单个柱子的样式
                            itemStyle: {
                                color: '#649FB5FF'
                            }
                        },
                        {
                            value: 9200,
                            // 设置单个柱子的样式
                            itemStyle: {
                                color: '#5A93FCFF'
                            }
                        },
                        {
                            value: 9800,
                            // 设置单个柱子的样式
                            itemStyle: {
                                color: '#6A9A8AFF'
                            }
                        }
                    ],
                    barwidth: '72%'
                }
            ]
        }
        myChart.setOption(option);
    </script>
</body>

</html>